<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" ></meta>
    <title>详细内容</title>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css" type="text/css">
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap-datetimepicker.min.css" type="text/css">
    <link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">
    <link rel="stylesheet" href="${newframe}/css/common.css" type="text/css">
    <link rel="stylesheet" href="${frames}/css/picker.css" type="text/css">
    <link rel="stylesheet" href="${newframe}/css/select2.min.css" type="text/css">
    <link rel="stylesheet" href="${newframe}/css/beautify-time.css" type="text/css">
    <%-- 引入时间选择器插件 --%>
    <script src="../assets/js/views/DatePicker.js"></script>
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <%--<script src="${frames}/laydate/laydate.dev.js"></script>--%>
    <script src="${assets}/bootstrapValidator/js/bootstrapValidator.js"></script>
    <script src="${assets}/bootstrapValidator/js/language/zh_CN.js"></script>
    <script src="${newframe}/js/select2.full.zh.js"></script>
    <style>
        body{
            width:760px;
            overflow:hidden;
        }
        .calendar{
            width:210px !important;
        }
        .test{
            width:100%;
            overflow:hidden;
        }
        .test p{
            width:100%;
            line-height:100px;
            font-size:15px;
            text-align:center;
        }
        #change{
            position:fixed;
            bottom:16px;
            right:16px;
        }
        label{
            margin-left:5px;
        }
        .text_number input{
            border:1px solid #d0d0d0;
            width:135px;
            height:30px;
        }
        .title{
            line-height:25px;
            font-size:16px;
            color:#666666;
            margin-left:10px;
        }
        .title1{
            line-height:25px;
            font-size:15px;
            color:#666666;
            margin-left:17px;
            margin-top:5px;
        }
        .text_content{
            width:300px;
            margin:0 auto;
            margin-top:60px;
            margin-bottom:60px;
        }
        .text_content div{
            width:48%;
            text-align: left;
            display: inline-block;
        }
        .text_number{
            color:#666666;
            margin-left:20px;
        }
        #keep{
            background:#35acfd !important;
        }
        .change{
            position:fixed;
            top:60%;
            width:100%;
        }
        .btn{
            width:100px;
            line-height: 15px;
            background: #35acfd;
            color: white;
        }
        span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        input{
            border: solid 1px #d0d0d0;
            width:210px;
        }
        input{
            line-height:30px;
            vertical-align:middle;
            text-indent:1em;
        }
        h1{
            font-family: MicrosoftYaHei;
            font-size: 20px;
            font-weight: normal;
            color: #2a3137;
            margin-bottom: 26px;
            float: left;
        }
    </style>
</head>
<body>
<div class="header">
    <h1>月度报告信息</h1>
</div>
<div class="test">
    <div class="text_content">
        <span class="time">选择时间</span>
        <div style="display:inline-block;width:210px;vertical-align:middle;margin-left:20px;">
            <div class="times">
                <div id="PrevTime" class="input-group date form_date" style="width: 100%"  data-date-format="yyyy-mm-dd">
                    <input id="beginDate" type="text" readonly onclick="setmonth(this)">
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="change">
    <div class="form-group submitBtn" style="text-align: center ">
        <button type="button" class="btn" data-dismiss="modal" id="closeModalButt" onclick="closeFrame()">
            关闭
        </button>
        <button type="submit" class="btn" id="keep"  onclick="keep()" style="margin-left:20px;">查看</button>
    </div>
</div>
<script>
    // 初始化
    var diseasesType = ''
    var url = ''
    var date=new Date();
    var year=date.getFullYear(); //获取当前年份
    var mon=date.getMonth()+1; //获取当前月份
    if( parseInt(mon) < 10 ){
        mon = '0' + mon
    }
    var d=document.getElementById('beginDate');
    d.value = year + '-' + mon
    // 获取url 的idcard
    var href = location.search.split('?')[1]
    url = href.split('&')[0].split('=')[1]
    //关闭并刷新
    function closeFrame() {
        window.parent.simpleCloseModal();
    }
    function keep(){
        // 获取数据
        if( $('#beginDate').val() != "" ){
            $.ajax({
                url:"${URL_SCREENING_GETBREADLINE}",
                dataType:'json',
                type:'post',
                success:function(data){
                    breadLine = JSON.parse(data.data)
                    var urls = '${URL_MONTHREPORT_TOBSREPORT}?idcard=' + url +'&date=' + $('#beginDate').val()
                    breadLine.push({
                        name:'月度报告详情',
                        href:urls
                    })
                    $.ajax({
                        url:'${URL_SCREENING_SAVEBREADLINE}',
                        data:{
                            breadLine:JSON.stringify(breadLine)
                        },
                        dataType:'json',
                        type:'post',
                        success:function(data){
                            parent.showSrc('${URL_MONTHREPORT_TOBSREPORT}?idcard=' + url + '&date=' + $('#beginDate').val())
                            closeFrame()
                        }
                    })
                }
            })
        }else{
            alert('请填写时间')
        }
    }
</script>
</body>
</html>



